﻿<html>
<head>
    <title>CSS and Jquery Tabs</title>
    <script type="text/javascript" src="Scripts/jquery.js"></script>
    

</head>
<body>
    <div class="brands">
        <div class="brands_title">
            <div class="brands_text">Các thương hiệu hàng đầu</div>
            <div class="none"> </div>
            <div class="kmnb">Khuyến mãi nổi bật</div>
        </div>
        <div class="brands_content">
            <div class="brands_left column-1">
                <a href="#"><div class="left_brands_tittle">Thương hiệu tiêu biểu</div></a>
                <a href="#" class="qcl"><img src="/Content/images/qc_brands_left.jpg" /></a>
            </div>
            <div class="brands_center column-4">
                @Html.Action("THUONGHIEUimage", "ImageFloor")
            </div>
            <div class="brands_right column-1">
                <a href="#" class="qcrt"><img src="/Content/images/qc_brands_rightt.jpg" /></a>
                <a href="#" class="qcrf"><img src="/Content/images/qc_brands_rightf.jpg" /></a>
            </div>
        </div>
    </div>
    <div class="floor1">
        <div class="floor1_title">
            <div class="ftl">
                <div class="floor1_text">
                    TẦNG
                </div>
                <div class="floor1_number">
                    1
                </div>
                
            </div>
            <div class="floor1_none">
                
                    <a href="#">Vouchers</a>
                    <span class="splitter">|</span>
                    <a href="#">Bách hóa online</a>
                    <span class="splitter">|</span>
                    <a href="#">Sách &amp; Âm nhạc</a>
               
            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor1_left column-1">
                @Html.Action("ListFloor1","ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T1image", "ImageFloor")
            </div>
        </div>
       
    </div>

    <div class="floor1">
        <div class="floor1_title" style="border-top-color:black;" >
            <div class="ftl">
                <div class="floor1_text" style="background-color:black;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color:black;">
                    2
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Sức khỏe & Sắc đẹp</a>

            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                    <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor2_left column-1">
                @Html.Action("ListFloor2", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T2image", "ImageFloor")
            </div>
        </div>

    </div>
    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #9bb342;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #9bb342;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #9bb342;">
                    3
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Nhà cửa & Đời sống</a>

            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor3_left column-1">
                @Html.Action("ListFloor3", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T3image", "ImageFloor")
            </div>
        </div>

    </div>

    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #9bb342;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #9bb342;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #9bb342;">
                    4
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Mẹ & Bé</a>

            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor3_left column-1">
                @Html.Action("ListFloor4", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T4image", "ImageFloor")
            </div>
        </div>

    </div>
    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #ca248e;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #ca248e;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #ca248e;">
                    5
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Đồ gia dụng</a>

            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor5_left column-1">
                @Html.Action("ListFloor5", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T5image", "ImageFloor")
            </div>
        </div>

    </div>
    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #ca248e;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #ca248e;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #ca248e;">
                    6
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Điện thoại & Tablet</a>

            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor5_left column-1">
                @Html.Action("ListFloor6", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T6image", "ImageFloor")
            </div>
        </div>

    </div>
    
    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #f4701e;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #f4701e;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #f4701e;">
                    7
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Điện thoại & Tablet</a>

            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor7_left column-1">
                @Html.Action("ListFloor7", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T7image", "ImageFloor")
            </div>
        </div>

    </div>
    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #a44d4c;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #a44d4c;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #a44d4c;">
                    8
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Máy vi tính & Laptop</a>
                <span class="splitter">|</span>
                <a href="#">Máy ảnh</a>
            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor8_left column-1">
                @Html.Action("ListFloor8", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T8image", "ImageFloor")
            </div>
        </div>

    </div>
    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #a44d4c;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #a44d4c;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #a44d4c;">
                    9
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Máy vi tính & Laptop</a>
                <span class="splitter">|</span>
                <a href="#">Máy ảnh</a>
            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor8_left column-1">
                @Html.Action("ListFloor9", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T9image", "ImageFloor")
            </div>
        </div>

    </div>

    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #5d3380;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #5d3380;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #5d3380;">
                    10
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Thời trang & Phụ kiện</a>
                
            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor10_left column-1">
                @Html.Action("ListFloor10", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T10image", "ImageFloor")
            </div>
        </div>

    </div>

    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #0090c9;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #0090c9;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #0090c9;">
                    11
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Xe máy, Ô tô & Phụ kiệnt</a>

            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor11_left column-1">
                @Html.Action("ListFloor11", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T11image", "ImageFloor")
            </div>
        </div>

    </div>

    <div class="floor1">
        <div class="floor1_title">
            <div class="ftl">
                <div class="floor1_text">
                    TẦNG
                </div>
                <div class="floor1_number">
                    12
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Thể thao & Dã ngoại</a>

            </div>
            <div class="ftr1">
                
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor1_left column-1">
                @Html.Action("ListFloor12", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T12image", "ImageFloor")
            </div>
        </div>

    </div>


</body>
</html>